@charset "utf-8";

.zone {
	background: #16284B;
	padding: 89px 0 0px;
	height: calc(100vh - 89px);
}

.main {
	padding: 29px 9px 0;
}

.fot-infobox {
	background: #DFDDF6;
	box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.2), inset -1px 0px 0px 0px rgba(247, 246, 245, 1), inset 1px 0px 0px 0px rgba(247, 246, 245, 1), inset 0px -1px 0px 0px rgba(247, 246, 245, 1);
	border-radius: 5px;
	padding: 26px 18px 43px;
}

.title {
	font-size: 13px;
	font-weight: 500;
	color: #6B546A;
	line-height: 13px;
	margin-bottom: 4vh;
}

.piece {
	display: flex;
	align-items: center;
	padding: 18px 0 16px 18px;
	margin-bottom: 12px;
	background: #F7F7F7;
	box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.2), inset -1px 0px 0px 0px rgba(247, 246, 245, 1), inset 1px 0px 0px 0px rgba(247, 246, 245, 1), inset 0px -1px 0px 0px rgba(247, 246, 245, 1);
	border-radius: 5px;
}

input[disabled] {
	opacity: 0.5;
}

.zone input {
	width: 100%;
	color: #CEE9F1;
	border: none;
	text-align: left;
	background: transparent;
	font-family: Futura;
	font-size: 14px;
	font-weight: 500;
	color: #69546A;
	line-height: 20px;
	letter-spacing: 1px;
}

.zone input::placeholder {
	font-size: 14px;
	font-weight: 500;
	color: #69546A;
	line-height: 21px;
	letter-spacing: 1px;
	font-family: 'font';
}

.confirm {
	display: block;
	width: 100%;
	font-size: 20px;
	font-weight: 500;
	color: #8C4C25;
	line-height: 27px;
	letter-spacing: 1px;
	margin: 27px auto 0;
	background: linear-gradient(180deg, #FFDFA1 0%, #FDCD82 38%, #FFF3AC 100%);
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
	border-radius: 5px;
	border: 1px solid #D39F6C;
	padding: 3px;
}

.border {
	display: block;
	border-radius: 4px;
	border: 1px solid #F3B871;
	padding: 10px 0;
}

.confirm[disabled] {
	opacity: 0.5;
}
